<template>
  <!-- 用户登录注册组件框架 -->
  <div class="userLogin">
    <user-login-content />
    <!-- <user-login-footer class="footer" /> -->
  </div>
</template>

<script>
  import UserLoginContent from './UserLoginComponents/UserLoginContent/UserLoginContent'
  import UserLoginFooter from './UserLoginComponents/UserLoginFooter'

  export default {
    name: 'UserLogin',
    components: {
      UserLoginContent,
      UserLoginFooter
    },
    data () {
      return {

      }
    },
    // 在组件渲染前更改是否刷新书籍页的判断值
    beforeRouteEnter(to, from, next) {
      localStorage.setItem('bannerFlag', true);
      next();
    }
  }

</script>

<style scoped>
  .userLogin {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url('../../assets/img/login01.jpg');
    background-size: cover;
    position: relative;
  }

  .footer {
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
  }
</style>